﻿.easy-grid-item {
    width: 300px;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
}

    .easy-grid-item .easy-image {
        width: 100%;
        overflow: hidden;
        height: 142px;
    }

        .easy-grid-item .easy-image img {
            width: 100%;
            height: 100%;
        }

    .easy-grid-item .easy-box-container {
        -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.47);
        -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.47);
        box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.47);
        /* change your box color here */
        background-color: #EEEEEE;
    }

.easy-box-body {
    padding: 8px;
}

.easy-box-title {
}

.easy-box-date {
}

.easy-box-summary {
    margin-top: 5px;
}

.hidden {
    display: none;
}

.sort, .filter {
    margin-bottom: 5px;
}

    .sort > span, .filter > span {
        width: 60px;
        display: inline-block;
        font-weight: bold;
    }

.sortBtn.asc:after {
    content: " ↑";
}

.sortBtn.desc:after {
    content: " ↓";
}

.sortBtn.selected, .filterBtn.selected {
    background-color: #0365c0;
    color: #ffffff;
}

.sortBtn, .filterBtn {
    cursor: pointer;
}
